<%--
  $Id: mainPage.jsp 46 2013-05-03 21:38:12Z gabakyan $
  $Author: gabakyan $
  $Revision: 46 $
  $Date: 2013-05-03 21:38:12 +0000 (Fri, 03 May 2013) $

  Copyright (c) 2013 Supply Chain Intelligence (SCI), Inc.
  http://www.scintelligence.com/, Email: info@scintelligence.com
  All rights reserved.

  This file is part of Logistics Map.

  Logistics Map is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, version 3 of the License.

  Logistics Map is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with Logistics Map.  If not, see <http://www.gnu.org/licenses/>.
--%>
<%@ include file="/WEB-INF/jsp/includes/pageInclude.jsp"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title><fmt:message key="pages.mainPage.title"/></title>
        <%@ include file="/WEB-INF/jsp/includes/headTagInclude.jsp"%>
    </head>
    <body>
        <div class="page-wrapper">
            <%@ include file="/WEB-INF/jsp/includes/headerInclude.jsp"%>

            <div class="page-wrap main-page">
                <%--<section>--%>

                <div class="main-page-top-wrapper">
                    <div class="container">

                        <%--<div class="main-page-top-row">--%>
                            <%--<h4><fmt:message key="pages.mainPage.header"/></h4>--%>
                            <%--<p class="muted"><fmt:message key="pages.mainPage.leadMessage"/></p>--%>
                        <%--</div>--%>

                        <div class="main-page-top-row">
                            <div class="main-page-top-row-wrapper">
                                <div class="main-page-top-row-left">
                                    <h4>
                                        <fmt:message key="pages.mainPage.welcome.header"/>
                                    </h4>
                                    <p><fmt:message key="pages.mainPage.welcome.message"/></p>
                                </div>
                                <div class="main-page-top-row-right">
                                    <img src="<c:url value='/resources/img/carousel-truck-fleet.jpg?2'/>" alt="" width="600" height="200">
                                </div>
                            </div>
                            <%--<img src="<c:url value='/resources/img/carousel-truck-fleet.jpg?1'/>" alt="" width="700" height="200">--%>
                            <%--<img src="<c:url value='/resources/img/carousel-truck-fleet-small.jpg?1'/>" alt="">--%>
                            <%--<div id="my-carousel" class="carousel slide my-carousel-panel-new">--%>
                                <%--<div class="carousel-inner my-carousel-panel-inner">--%>
                                    <%--<div class="item active">--%>
                                        <%--<img src="<c:url value='/resources/img/carousel-truck-fleet.jpg?1'/>" alt="">--%>
                                        <%--<div class="carousel-caption">--%>
                                            <%--<h4>--%>
                                                <%--<fmt:message key="pages.mainPage.carousel.item1.header"/>--%>
                                            <%--</h4>--%>
                                            <%--<p><fmt:message key="pages.mainPage.carousel.item1.message"/></p>--%>

                                            <%--<a href="<c:url value="/sign-in"/>" class="btn btn-primary" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Try it now', 'Try it now']);"><fmt:message key="pages.mainPage.buttons.tryIt"/></a>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                    <%--<div class="item">--%>
                                        <%--<img src="<c:url value='/resources/img/carousel-truck-fleet.jpg?1'/>" alt="">--%>
                                        <%--<div class="carousel-caption">--%>
                                            <%--<h4>--%>
                                                <%--<fmt:message key="pages.mainPage.carousel.item2.header"/>--%>
                                            <%--</h4>--%>
                                            <%--<p><fmt:message key="pages.mainPage.carousel.item2.message"/></p>--%>

                                            <%--<a href="<c:url value="/sign-in"/>" class="btn btn-primary" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Try it now', 'Try it now']);"><fmt:message key="pages.mainPage.buttons.tryIt"/></a>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                    <%--<div class="item">--%>
                                        <%--<img src="<c:url value='/resources/img/carousel-truck-fleet.jpg?1'/>" alt="">--%>
                                        <%--<div class="carousel-caption">--%>
                                            <%--<h4>--%>
                                                <%--<fmt:message key="pages.mainPage.carousel.item3.header"/>--%>
                                            <%--</h4>--%>
                                            <%--<p><fmt:message key="pages.mainPage.carousel.item3.message"/></p>--%>

                                            <%--<a href="<c:url value="/sign-in"/>" class="btn btn-primary" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Try it now', 'Try it now']);"><fmt:message key="pages.mainPage.buttons.tryIt"/></a>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<a class="left carousel-control" href="#my-carousel" data-slide="prev">&lsaquo;</a>--%>
                                <%--<a class="right carousel-control" href="#my-carousel" data-slide="next">&rsaquo;</a>--%>
                            <%--</div>--%>
                        </div>

                        <%--<div class="main-page-top-row">--%>
                            <%--<ul class="main-page-links">--%>
                                <%--<li>--%>
                                    <%--<a href="<c:url value="/main"/>#how-it-works" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Main page links', 'How it works?']);"><fmt:message key="pages.mainPage.buttons.howItWorks"/></a>--%>
                                <%--</li>--%>
                                <%--<li>--%>
                                    <%--<a href="<c:url value="/main"/>#example" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Main page links', 'Example']);"><fmt:message key="pages.mainPage.buttons.example"/></a>--%>
                                <%--</li>--%>
                                <%--<li>--%>
                                    <%--<a href="<c:url value="/main"/>#extend" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Main page links', 'Extend']);"><fmt:message key="pages.mainPage.buttons.extend"/></a>--%>
                                <%--</li>--%>
                            <%--</ul>--%>
                        <%--</div>--%>
                    </div>
                </div>

                <%--</section>--%>

                <section id="how-it-works">
                    <div class="main-page-next-wrapper">
                    <%--<div class="main-page-next-wrapper margin-top-70px">--%>
                        <div class="container">
                            <%--<h3>--%>
                                <%--<fmt:message key="pages.mainPage.sections.howItWorks.header"/>--%>
                            <%--</h3>--%>
                            <%--<p><fmt:message key="pages.mainPage.sections.howItWorks.leadMessage"/></p>--%>

                            <div class="row-fluid">
                                <div class="span4">
                                    <%--<img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">--%>
                                    <h4>
                                        <fmt:message key="pages.mainPage.sections.howItWorks.columns.column1.header"/>
                                    </h4>
                                    <p><fmt:message key="pages.mainPage.sections.howItWorks.columns.column1.message"/></p>
                                </div>
                                <div class="span4">
                                    <%--<img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">--%>
                                    <h4>
                                        <fmt:message key="pages.mainPage.sections.howItWorks.columns.column2.header"/>
                                    </h4>
                                    <p><fmt:message key="pages.mainPage.sections.howItWorks.columns.column2.message"/></p>
                                </div>
                                <div class="span4">
                                    <%--<img class="marketing-img" src="assets/img/bs-docs-bootstrap-features.png">--%>
                                    <h4>
                                        <fmt:message key="pages.mainPage.sections.howItWorks.columns.column3.header"/>
                                    </h4>
                                    <p><fmt:message key="pages.mainPage.sections.howItWorks.columns.column3.message"/></p>
                                </div>
                            </div>

                            <p class="margin-top-10px">
                                <a href="<c:url value="/sign-in"/>" class="btn btn-primary" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Try it now', 'Try it now']);"><fmt:message key="pages.mainPage.sections.howItWorks.buttons.tryIt"/></a>
                            </p>

                            <hr class="soften margin-bottom-0px">
                        </div>
                    </div>
                </section>

                <%--<section id="example">--%>
                    <%--<div class="main-page-next-wrapper">--%>
                        <%--<div class="container">--%>
                            <%--<h1>--%>
                                <%--<fmt:message key="pages.mainPage.sections.example.header"/>--%>
                            <%--</h1>--%>
                            <%--<p><fmt:message key="pages.mainPage.sections.example.leadMessage"/></p>--%>

                            <%--<p><img src="<c:url value='/resources/img/example-screenshot.jpg?1'/>" alt=""></p>--%>

                            <%--<p class="margin-top-20px">--%>
                                <%--<a href="<c:url value="/sign-in"/>" class="btn btn-primary" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Try it now', 'Try it now']);"><fmt:message key="pages.mainPage.sections.example.buttons.tryIt"/></a>--%>
                            <%--</p>--%>

                            <%--<hr class="soften margin-bottom-0px">--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</section>--%>

                <%--<section id="extend">--%>
                    <%--<div class="main-page-next-wrapper">--%>
                        <%--<div class="container">--%>
                            <%--<h1>--%>
                                <%--<fmt:message key="pages.mainPage.sections.extend.header"/>--%>
                            <%--</h1>--%>
                            <%--<p><fmt:message key="pages.mainPage.sections.extend.leadMessage"/></p>--%>

                            <%--<p><fmt:message key="pages.mainPage.sections.extend.message"/></p>--%>

                            <%--<p class="margin-top-20px">--%>
                                <%--<a href="http://www.scintelligence.com/" class="btn btn-primary" onclick="_gaq.push(['_trackEvent', 'Main page actions', 'Extend it now', 'Extend it now']);" target="_blank"><fmt:message key="pages.mainPage.sections.extend.buttons.extendIt"/></a>--%>
                            <%--</p>--%>

                            <%--<hr class="soften margin-bottom-0px">--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</section>--%>

            </div>

            <div class="clear"></div>
        </div>

        <%@ include file="/WEB-INF/jsp/includes/footerInclude.jsp"%>
    </body>
</html>